<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%
	String context = request.getContextPath();
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<script type="text/javascript" src="jQuery/jquery-1.10.2.js"></script>
		<script type="text/javascript" src="jQuery/zTree/jquery.ztree.core-3.5.min.js"></script>
		<script type="text/javascript" src="pages/js/main.js"></script>
		<link href="jQuery/zTree/zTreeStyle.css" rel="stylesheet" type="text/css"></link>
		<title>工作流管理系统</title>
		
		<script type="text/javascript">
			var zTree;
			
			$(document).ready(function() {
				var setting = {
					callback: {
						onClick: getIframePage
					}
				};				

				var zTreeNodes = [
				      		{"name":"我的工作台", open:true, children: [
				      			{ "name":"我的申请"},
				      			{ "name":"我的已办"},
				      			{ "name":"我的待办"}
				      			]}
				];				
				zTree = $.fn.zTree.init($("#workbench"), setting, zTreeNodes);
										
				var zTreeNodes = [
						      		{"name":"工作流", open:true, children: [
						      			{ "name":"考勤", children:[{"name":"打卡"}, {"name":"个人考勤"}, {"name":"部门考勤"}, {"name":"异常申请"}]},
						      			{ "name":"薪资", children:[{"name":"个人薪资"}, {"name":"部门薪资"}, {"name":"薪资修改"}]},
						      			{ "name":"员工管理", children:[{"name":"部门员工"}]},
						      			{ "name":"其他", children:[{"name":"通讯录"}, {"name":"个人信息"}]}
						      			]}
						];				
				zTree = $.fn.zTree.init($("#workflow"), setting, zTreeNodes);			
				
			}); 
		
		</script>
		
	</head>
	<body style="width:1000px; height:600px; margin:auto; margin-top:20px;">
		<div style="width:1000px; height:60px; background-color:rgb(200,230,255);">
			<div id="sysTitle" style="padding-left:30px; padding-top:10px; font-weight:bold;">
				XXX有限公司工作流管理系统
			</div>
			<div id="infoCenter" style="font-size:12px;">
				<div id="loginOut" style="weight:40px; float:right; padding-right:5px; padding-top:2px; cursor:pointer;">退出</div>
				<div style="float:right; padding-right:5px;">|</div>
				<div id="myMail" style="weight:40px; float:right; padding-right:5px; padding-top:2px; cursor:pointer;">我的邮箱</div>
				<div style="float:right; padding-right:5px;">|</div>
				<div id="userName" style="weight:40px; float:right; padding-right:5px; padding-top:2px; cursor:pointer;">罗炜胜</div>								
			</div>
		</div>
		<div id="container" style="width:1000px; height:530px; border:solid thin #CEF; margin-top:10px;">
			<div id="containerLeft" style="width:200px; height:520px; border:solid thin #CEF; margin-top:5px; margin-left:6px; float:left">
				<div id="workbench" class="ztree" style="width:170px; height:180px; margin-left:10px; margin-top:15px; border-bottom:solid thin #CEF;">
				</div>
				<div id="workflow" class="ztree" style="width:170px; height:310px; margin-left:10px; margin-top:15px;">
				</div>
			</div>
			<div id="containerMain" style="width:780px; height:520px; border:solid thin #CEF; margin-top:5px; margin-right:6px; float:right">
				<div id="notice" style="display:none; width:120px; height:200px; background-color:rgb(200,230,255); position:absolute; margin-top:68px; margin-left:576px;">
				</div>
				<iframe id="mainPage" src="" frameborder="0" style="width:770px; height:510px; margin-left:5px; margin-top:5px;"></iframe>	
			</div>
		</div>
		
	</body>
</html>